<!-- eslint-disable sw-deprecation-rules/no-twigjs-blocks, vue/no-duplicate-attributes, vue/no-parsing-error -->
{% block sw_block_field %}
<sw-block-field
    class="sw-field--textarea"
    v-bind="{
        ...$attrs,
        ...inheritanceAttrs
    }"
    :name="formFieldName"
    @inheritance-restore="$emit('inheritance-restore', $event)"
    @inheritance-remove="$emit('inheritance-remove', $event)"
>
    <template #sw-field-input="{identification, helpText, error, disabled, setFocusClass, removeFocusClass }">
        <!-- eslint-disable-next-line vuejs-accessibility/form-control-has-label -->
        <textarea
            :id="identification"
            :name="identification"
            :placeholder="placeholder"
            :disabled="disabled"
            :value="currentValue"
            :aria-label="ariaLabel && $tc(ariaLabel)"
            @change="onChange"
            @input="onInput"
            @focus="setFocusClass"
            @blur="removeFocusClass"
        ></textarea>
    </template>

    <template #label>
        <slot name="label"></slot>
    </template>

    <template #hint>
        <slot name="hint"></slot>
    </template>
</sw-block-field>
{% endblock %}
